<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,height=device-height" />
    <title>Ace Kitchen Sink-在线代码编辑</title>
    <meta name="author" content="Fabian Jakobs">
    <!-- Ace version 1.4.12 commit -->
    <link rel="stylesheet" href="demo/kitchen-sink/styles.css" type="text/css" media="screen" charset="utf-8">
    <script async="true" src="edgefonts/source-code-pro.js"></script>
</head>
<body>
<div id="sidePanel" style="position:absolute;height:100%;">
  <div class="toggleButton" id="optionToggle" role="button" aria-label="Hide Options" tabindex="0">
    <div></div><div></div><div></div>
  </div>
  <a href="https://c9.io">
    <img id="c9-logo" alt="Cloud9 IDE | Your code anywhere, anytime" src="ace-logo.png" style="width: 80px;margin: 0px 30px 0px 80px;">
  </a>
  <div style="position: absolute; overflow: hidden; top:70px; bottom:0">
  <div id="optionsPanel" style="width: 120%; height:100%; overflow-y: scroll">
  <a href="https://ace.c9.io/build/kitchen-sink.html">原网址：https://ace.c9.io/build/kitchen-sink.html</a>
  </div>
  </div>
</div>
  <div id="editor-container"></div>
  <script src="src/ace.js" data-ace-base="src" type="text/javascript" charset="utf-8"></script>
  <script src="src/keybinding-vim.js"></script>
  <script src="src/keybinding-emacs.js"></script>
  <script src="demo/kitchen-sink/demo.js"></script>
  <script type="text/javascript" charset="utf-8">
    require("kitchen-sink/demo");
  </script>
</body>
</html>
